<template>
<!-- 	<view class="mymap">
		<view class="hqdt">
			<u-button type="primary" :plain="true" text="唤起导航地图" @click="huanqi"></u-button>
		</view>
		
		<view class="bg0 pa">
			<view class="bg1"></view>
		</view>
		<view class="hx-box pa">
			<ul class="pr">
				<li class="hx-k1 pa0">
					<span></span>
				</li>
				<li class="hx-k2 pa0">
					<span></span>
				</li>
				<li class="hx-k3 pa0">
					<span></span>
				</li>
			</ul>
		</view>	
			
	</view> -->
	<view class="" style="width: 100%;height: 100%;">
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mapdata:{},
				num:true
			}
		},
		onLoad(option) {
			  console.log('111111111111111111',option)
			// this.mapdata={
			// 	latitude:Number(option.lat),
			// 	longitude:Number(option.lng),
			// 	name:option.name,
			// }
			// uni.openLocation(this.mapdata);

				//	this.num=false;
				

wx.openLocation({
      latitude:Number(option.lat),
      longitude:Number(option.lng),
      name:option.name,
     // address: data.address,
      scale: 18,
      success:function() {
        // 打开完成回退到上一级
        wx.navigateBack()
      }
    })
			
		},
		onShow() {
				// let a = getCurrentPages()
				// console.log(a,!this.data.num,'onShow');//wx.navigateBack 无效，确认一下小程序中页面栈
				// if(!this.data.num){
				// 	wx.navigateBack({//解决wx.openLocation调起地图后需要点击两次返回才到web-view页面
				// 	  delta: 1
				// 	})
				// }
			},
	
		methods: {
			// huanqi(){
			// 	uni.openLocation(this.mapdata);
			// }	
			
		}
	}
</script>

<style>
.hqdt{
	width: 100%;
	position: absolute;
	top: 30px;
}
.mymap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: -webkit-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    background-image: -moz-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    background-image: -ms-linear-gradient(90deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
    background-image: linear-gradient(0deg, #395ecb 0%, #3657be 35%, #242161 75%, #1a0531 100%);
position: relative;
}

.bg0 {
    width:300px;
    height:300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url('https://i.ringzle.com/file/20231122/0bc5e58076e04a90a937f51212bfdbde.png') no-repeat center center;
    background-size: 150%;
}
.pr {
    position: relative
}
.pa, .pa0 {
    position: absolute
}

.pa0 {
    left: 0;
    top: 0
}


.bg1 {
    width: 100%;
    height: 100%;
    background: url('https://i.ringzle.com/file/20231122/c659d1f1705b44dba9c962abb9c96b07.png') no-repeat center center;
}

.hx-box {
    top: 50%;
    left: 50%;
    width:300px;
    height:300px;
    transform-style: preserve-3d;
    transform: translate(-50%, -50%) rotateY(75deg);
}

.hx-box ul {
    width:300px;
    height:300px;
    transform-style: preserve-3d;
    animation: hxz 20s linear infinite;
}

@keyframes hxz {
    0% {
        transform: rotateX(0deg);
    }
    100% {
        transform: rotateX(-360deg);
    }
}

.hx-box ul li {
    width:300px;
    height:300px;
    border: 4px solid #5ec0ff;
    border-radius: 1000px;
}

.hx-box ul li span {
    display: block;
    width: 100%;
    height: 100%;
    background: url('https://i.ringzle.com/file/20231122/0287e188a61243df91241bc034bc2ac4.png') no-repeat center center;
    background-size: 100% 100%;
    animation: hx 4s linear infinite;
}

@keyframes hx {
    to {
        transform: rotate(360deg);
    }
}

.hx-k2 {
    transform: rotateX(60deg) rotateZ(60deg)
}

.hx-k3 {
    transform: rotateX(-60deg) rotateZ(-60deg)
}



</style>
